<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>放映室</title>
		<link rel="stylesheet" href="ScreeningRoom.css">
		<script src="ScreeningRoom.js"></script>
	</head>
	
	<body>
		<!-- 导航条 -->
		<div>
			<section class="navigation">
			  <div class="nav-container">
			    <div class="brand">
			      <a href="#!">动漫放映室</a>
			    </div>
			    <nav>
			      <div class="nav-mobile">
			        <a id="nav-toggle" href="#!"><span></span></a>
			      </div>
			      <ul class="nav-list">
			        <li><a href="Home.html">主页Home</a></li>
			        <li><a href="ScreeningRoom.html">放映室</a></li>
			        <li><a href="#!">动漫类型</a>
			          <ul class="nav-dropdown">
			            <li><a href="#!">动漫1</a></li>
			            <li><a href="#!">动漫2</a></li>
			            <li><a href="#!">动漫3</a></li>
			          </ul>
			        </li>
			        <li><a href="MyHome.html">我的主页</a></li>
			        <li><a href="#!">联系方式</a></li>
			      </ul>
			    </nav>
			  </div>
			</section>
		</div>
		
		<button onclick="displayDate()">点击显示当前时间</button>
		<script>
		function displayDate(){
			document.getElementById("demo").innerHTML=Date();
		}
		</script>
		<p id="demo"></p>
		
		<!-- 内容 -->
		<main class="building">
			<!-- 放映室1 -->
			<section class="room">
				<div class="room-walls1"></div>
				<a href="Totoro.html">
					<p class="room-content">龙猫</p>
				</a>
			</section>
			<!-- 放映室2 -->
			<section class="room">
				<div class="room-walls2"></div>
				<a href="#!">
					<p class="room-content">疯狂动物城</p>
				</a>
			</section>
			<!-- 放映室3 -->
			<section class="room">
				<div class="room-walls3"></div>
				<a href="#!">
					<p class="room-content">寻梦环游记</p>
				</a>
			</section>
			<!-- 放映室4 -->
			<section class="room">
				<div class="room-walls4"></div>
				<a href="#!">
					<p class="room-content">蜡笔小新</p>
				</a>
			</section>
			<!-- 放映室5 -->
			<section class="room">
				<div class="room-walls5"></div>
				<a href="#!">
					<p class="room-content">哆啦A梦</p>
				</a>
			</section>
			<!-- 放映室6 -->
			<section class="room">
				<div class="room-walls6"></div>
				<a href="#!">
					<p class="room-content">你的名字</p>
				</a>
			</section>
			<!-- 放映室7 -->
			<section class="room">
				<div class="room-walls7"></div>
				<a href="#!">
					<p class="room-content">天空之城</p>
				</a>
			</section>
		</main>
	</body>
</html>
